<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="include.jsp"%>
<!DOCTYPE html>
<html lang="en">
<head>
<%@ include file="head.jsp"%>
<title>Aloha Shop</title>
</head>

<body>
	<div class="container">
		<%@ include file="header.jsp"%>
		<div class="row">
			<%@ include file="navigation.jsp"%>
			<div class="span9">
				<div id="myCarousel" class="carousel slide">
					<div class="carousel-inner">
						<div class="item active">
							<img
								src="${pageContext.request.contextPath}/<spring:url value="public-resources/css/images/carousel_1.jpg"/>"
								alt="">
							<!-- <img src="css/images/carousel_1.jpg" alt=""> -->
							<div class="carousel-caption">
								<h4>First Thumbnail label</h4>
								<p>Cras justo odio, dapibus ac facilisis in, egestas eget
									quam. Donec id elit non mi porta gravida at eget metus. Nullam
									id dolor id nibh ultricies vehicula ut id elit.</p>
							</div>

						</div>
						<div class="item">
							<img
								src="${pageContext.request.contextPath}/<spring:url value="public-resources/css/images/carousel_2.jpg"/>"
								alt="">
							<!-- <img src="css/images/carousel_2.jpg" alt=""> -->
							<div class="carousel-caption">
								<h4>Second Thumbnail label</h4>
								<p>Cras justo odio, dapibus ac facilisis in, egestas eget
									quam. Donec id elit non mi porta gravida at eget metus. Nullam
									id dolor id nibh ultricies vehicula ut id elit.</p>
							</div>
						</div>

						<div class="item">
							<img
								src="${pageContext.request.contextPath}/<spring:url value="public-resources/css/images/carousel_3.jpg"/>"
								alt="">
							<div class="carousel-caption">
								<h4>Third Thumbnail label</h4>
								<p>Cras justo odio, dapibus ac facilisis in, egestas eget
									quam. Donec id elit non mi porta gravida at eget metus. Nullam
									id dolor id nibh ultricies vehicula ut id elit.</p>
							</div>
						</div>
					</div>

					<a class="left carousel-control" href="#myCarousel"
						data-slide="prev">&lsaquo;</a> <a class="right carousel-control"
						href="#myCarousel" data-slide="next">&rsaquo;</a>
				</div>
			</div>
			<div class="span7 popular_products">
				<h4>Popular products</h4>
				<br />
				<ul class="thumbnails">
					<c:forEach items="${list}" var="item">
						<li class="span2">
						<div class="thumbnail">
							<a href="${pageContext.request.contextPath}/product/detail/${item.id }"><img alt="" width="140" height="140"
								src="${pageContext.request.contextPath}/<spring:url value="${item.imagepath}"/>" /></a>
							<div class="caption">
								<h5>
									<a href="product.html"> ${item.name} </a>
								</h5>
								Price: &#36;${item.price}<br /> <br />
							</div>
						</div>
					</li>
					</c:forEach>
				</ul>
			</div>
		</div>
		<%@ include file="footer.jsp"%>
	</div>
</body>
</html>